<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <%@ include file="/include/head.jsp" %>
    <title>交易明细</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/account/balance.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">交易明细</h1>
</header>
<div class="mui-content">
    <div class="mui-slider mui-fullscreen">
        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#vueListBox0">
                <span class="mui-inline">全部<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox1">
                <span class="mui-inline">支付<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox2">
                <span class="mui-inline">退款<i class="active-line"></i></span>
            </a>
        </div>
        <div class="mui-slider-group qy-margin-top-4px">
            <div id="vueListBox0" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-bg-white qy-padding-left-12px">
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>+4654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="vueListBox1" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-bg-white qy-padding-left-12px">
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="vueListBox2" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-bg-white qy-padding-left-12px">
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                        <div class="mui-row qy-border-bottom qy-padding-horizontal-14px qy-padding-right-12px">
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-18px qy-text-gray">
                                <span>提现</span>
                                <span>-654.00</span>
                            </div>
                            <div class="mui-col-xs-12 qy-flex qy-flex-text-between qy-font-size-12px qy-text-gray9 qy-margin-top-2px">
                                <span>余额</span>
                                <span>2017-06-06 11:30</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
